<template>
  <div>
    <!-- 
router-link
   to:路由跳转地址
   只需要了解的一些东西补充一下
      to='/xxx'  也可以写成 :to="{path:'/xxx'}"
   router-link:内部默认是a标签 ,可以通过tag来修改  比如  tag='div'
   router-link-exact-active:精准匹配class
    router-link-active:模糊匹配class
    它们的class名字可以修改(在router-link标签上修改)：
       exact-active-class:修改精准匹配的class
             active-class:修改模糊匹配的class 
   全局修改(路由配制中修改)
    const router = new VueRouter({
      linkActiveClass: 'hm-aaa',  // 模糊匹配
      linkExactActiveClass: 'hm-bbb',   // 精准匹配
      routes: []})
    exact:boolean值  默认是false 默认是模糊匹配  true:精准匹配
 -->

    <router-link class="xxx" to="/login" exact>登录</router-link>
    <router-link class="xxx" to="/reg">注册</router-link>
    <!-- <router-link class="xxx" :to="{ path: '/reg' }">注册</router-link> -->
    <router-link class="xxx" to="/login/art">文章</router-link>
    <router-link class="xxx" to="/list">列表</router-link>
    <hr />
    <router-view></router-view>
  </div>
</template>
<script>
export default {}
</script>
<style>
.xxx {
  padding-right: 20px;
}
.hm-aaa {
  color: red;
}
</style>
